<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <!-- 指定网页编码-->
    <meta charset="utf-8">
    <!-- 如果是ie浏览器，使用最新的IE渲染引擎来解析页面-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 移动端的视口设置 -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>同方环境股份有限公司</title>

    <!-- Bootstrap 核心css文件引入-->
    <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!--引入自己的样式文件-->
    <link rel="stylesheet" href="css/index.css"/>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- 做ie9以下低版本浏览器兼容
      html5shiv ：解决 ie低版本不识别html5标签   respond.js ：解决ie8以下不支持css3的媒体查询
    -->
    <!--[if lt IE 9]>
    <script srcc="lib/html5shiv.js"></script>
    <script src="lib/respond.js"></script>
    <![endif]-->
</head>
<body>
<!--导航-->
<nav class="navbar tf-navbar">
    <div class="container">
        <!-- 导航头部 -->
        <div class="navbar-header">
            <!--只在手机设备上显示-->
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">
                同方环境
            </a>
        </div>

        <!-- 导航主体-->
        <div class="collapse navbar-collapse" id="navbar-collapse">
            <!--左侧的ul-->
            <ul class="nav navbar-nav">
                <li><a href="#">走进同方</a></li>
                <li><a href="#">产品概览</a></li>
                <li><a href="#">核心能力</a></li>
                <li><a href="#">股东天地</a></li>
                <li><a href="#">同方之声</a></li>
            </ul>
            <!--右侧的ul-->
            <ul class="nav navbar-nav navbar-right">
                <form class="navbar-form navbar-right" role="search">
                    <div class="form-group">
                        <input type="text" class="form-control " placeholder="请输入关键字">
                    </div>
                    <button type="submit" class="btn btn-default btn-warning">
                        <span class="glyphicon glyphicon-search"></span>
                    </button>
                </form>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
</nav>

<!--轮播图-->
<div class="tf-banner">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- 角标 小圆点-->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            <li data-target="#carousel-example-generic" data-slide-to="3"></li>
            <li data-target="#carousel-example-generic" data-slide-to="4"></li>
            <li data-target="#carousel-example-generic" data-slide-to="5"></li>
        </ol>

        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img class='pc-img ' src="images/banner2.jpg">
            </div>
            <div class="item ">
                <img class='pc-img ' src="images/banner3.jpg">
            </div>
            <div class="item">
                <img class='pc-img ' src="images/banner4.jpg">
            </div>
            <div class="item">
                <img class='pc-img ' src="images/banner5.jpg">
            </div>
            <div class="item">
                <img class='pc-img ' src="images/banner6.jpg">
            </div>
            <div class="item">
                <img class='pc-img ' src="images/banner7.jpg">
            </div>
        </div>

        <!-- 左右箭头 左-上一张 右-下一张 -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>

<!--信息模块-->
<div class="tf-info hidden-xs">
    <div class="container">
        <div class="row">
            <div class="col-md-4 col-sm-6">
                <a href="">
                    <div class="media">
                        <div class="media-left">
                            <span class='glyphicon glyphicon-globe'></span>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">信息产业</h4>

                            <p>以大数据为基础，以计算机、通信、互联网技术应用为平台，同方将新一代信息技术广泛运用于城市建设和管理领域，并为数字化家居、移动互联应用、个人消费电子提供全方位解决方案。</p>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-4 col-sm-6">
                <a href="">
                    <div class="media">
                        <div class="media-left">
                            <span class='glyphicon glyphicon-globe'></span>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">安防产业</h4>

                            <p>
                                依托国际领先的核放射技术、芯片技术、自主安全可控技术，同方构建了以“信息安全”、“安防服务”为核心，并向多领域延伸的“大安全”产业矩阵，广泛服务于公共安全、政府、金融等重要领域，全力打造国家安全战略“中国芯”。</p>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-4 col-sm-6">
                <a href="">
                    <div class="media">
                        <div class="media-left">
                            <span class='glyphicon glyphicon-globe'></span>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">环保产业</h4>

                            <p>同方以建筑节能、可再生能源回收利用、大气环境治理、水污染治理、资源综合利用及新能源、新材料等领先科技，服务国家节能环保事业，为人类创造清新、健康、绿色的生存环境。</p>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-4 col-sm-6">
                <a href="">
                    <div class="media">
                        <div class="media-left">
                            <span class='glyphicon glyphicon-globe'></span>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">投资产业</h4>

                            <p>上海证券交易所网站<br/>
                                http://www.sse.com.cn
                            </p>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-4 col-sm-6">
                <a href="">
                    <div class="media">
                        <div class="media-left">
                            <span class='glyphicon glyphicon-globe'></span>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">同方科技园</h4>

                            <p>同方坚持走产学研结合之路，以清华大学为虚拟研究中心，通过带土移植和拟风险投资的形式，构成多方位的研发体系。</p>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-4 col-sm-6">
                <a href="">
                    <div class="media">
                        <div class="media-left">
                            <span class='glyphicon glyphicon-globe'></span>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">同方导航</h4>

                            <p>
                                创建世界一流的高科技企业<br/>
                                地址：中国北京海淀区同方广场清华同方科技大厦A座
                            </p>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>
<!--宣传片模块-->
<div class="tf-video">
    <div class="container">
        <div class="pull-left">
            <span class="icon-new01"></span>
            <span>同方是以科技成果产业化为模式，致力于信息和能源环境两大领域的高科技上市公司。</span>
        </div>
        <div class="pull-right hidden-xs hidden-sm">
            <a href="#"><span class="icon-E905"></span>同方企业宣传片</a>
        </div>
    </div>
</div>

<!--产品模块-->
<div class="tf-product">
    <div class="container">
        <!-- tab栏的头部 -->
        <div class="nav-header">
            <ul class="nav product-tabs" role="tablist">
                <li role="presentation" class="active"><a href="#tab1" role="tab" data-toggle="tab">特别推荐</a></li>
                <li role="presentation"><a href="#tab2" role="tab"
                                           data-toggle="tab">信息产业</a></li>
                <li role="presentation"><a href="#tab3" role="tab" data-toggle="tab">安防产业</a></li>
                <li role="presentation"><a href="#tab4" role="tab" data-toggle="tab">环境产业</a></li>
                <li role="presentation"><a href="#tab5" role="tab" data-toggle="tab">同方科技园</a></li>
            </ul>
        </div>

        <!-- tab栏的主体 -->
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="tab1">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div class="product-in current">
                                <div class="product-right">
                                    <a href="#"><img src="images/xinxi-1.jpg" alt="智能建筑"/></a>
                                </div>
                                <span class="product-left col-xs-6text-left ">
                                   <a><p>智能建筑</p></a>
                                    <a><p>同方为各类建筑和园区提供个性化、智能化、全生命周期的管理解决方案，营造安全、节能、高效的生活环境。</p></a>
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div class="product-in current">
                                <div class="product-right">
                                    <a href="#"><img src="images/xinxi-2.jpg" alt="智能交通"/></a>
                                </div>
                                <span class="product-left col-xs-6text-left ">
                                   <a><p>智能交通</p></a>
                                    <a><p> 同方致力于城市轨道交通、综合交通枢纽、铁路客运专线等中国大交通建设，在环境控制、综合监控、安全保障、旅客服务、信息采集等方面提升城市交通综合管理水平。</p></a>
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div class="product-in current">
                                <div class="product-right">
                                    <a href="#"><img src="images/xinxi-3.jpg" alt=""/></a>
                                </div>
                                <span class="product-left col-xs-6text-left ">
                                   <a><p>城市智慧管理</p></a>
                                    <a><p>顶层设计入手，通过顶层设计的统一规范，将组成城市的各种要素用通用架构集成在一起，天然打破信息孤岛。并致力于各种要素之间相互协调、相互作用效应的研究，重点实现信息化在城市全方位状态监控、趋势分析与预测预警、领导决策支持、整体规划布局、资源优化配置、统筹兼顾均衡发展等方面的高端应用。为政府提供高效优质的智慧城市设计全面解决方案。</p></a>
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div class="product-in current">
                                <div class="product-right">
                                    <a href="#"><img src="images/xinxi-4.jpg" alt="大数据产业"/></a>
                                </div>
                                <span class="product-left col-xs-6text-left ">
                                   <a><p>大数据产业</p></a>
                                    <a><p><br/>运用顶层设计方法，实现组织机构由业务驱动转变为数据驱动，形成全局的业务指标体系，打破信息孤岛，提升数据中心价值。</p></a>
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div class="product-in current">
                                <div class="product-right">
                                    <a href="#"><img src="images/xinxi-5.jpg" alt="数字出版及软件服务"/></a>
                                </div>
                                <span class="product-left col-xs-6text-left ">
                                   <a><p>数字出版及软件服务</p></a>
                                    <a><p>作为数字出版、知识服务和网络运营商，同方拥有最大的“中国知识资源总库”，并提供金融、电信、医疗、零售、物流等行业应用解决方案和软件咨询服务。</p></a>
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div class="product-in current">
                                <div class="product-right">
                                    <a href="#"><img src="images/xinxi-6.jpg" alt="智能卡芯片与RFID技术应用"/></a>
                                </div>
                                <span class="product-left col-xs-6text-left ">
                                   <a><p>智能卡芯片与RFID技术应用</p></a>
                                    <a><p>以智能卡芯片、射频识别技术为基础，提供IC卡、城市通卡、电子门票等完整的行业解决方案，应用于医疗卫生、交通、票务、电信、物流等领域。</p></a>
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div class="product-in current">
                                <div class="product-right">
                                    <a href="#"><img src="images/xinxi-7.jpg" alt="计算机"/></a>
                                </div>
                                <span class="product-left col-xs-6text-left ">
                                   <a><p>计算机</p></a>
                                    <a><p>同方提供笔记本电脑、台式电脑、一体电脑、图形工作站、服务器、数码及计算机外设产品、云计算及终端产品，以及计算机远程服务和行业信息化解决方案。</p></a>
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div class="product-in current">
                                <div class="product-right">
                                    <a href="#"><img src="images/xinxi-8.jpg" alt="移动互联系统"/></a>
                                </div>
                                <span class="product-left col-xs-6text-left ">
                                   <a><p>移动互联系统</p></a>
                                    <a><p>E人E本以“原笔迹数字书写”为核心技术，以“手写办公系统”为核心应用，以“智慧云”为增值服务，为个人及企业级用户提供移动办公解决方案。</p></a>
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div class="product-in current">
                                <div class="product-right">
                                    <a href="#"><img src="images/xinxi-9.jpg" alt="电视"/></a>
                                </div>
                                <span class="product-left col-xs-6text-left ">
                                   <a><p>电视</p></a>
                                    <a><p>依托领先的信息技术及背光模组生产工艺，同方推出跨界电视、智能云电视、互联网电视、多媒体电视、4K2K超高清电视、移动设备互动电视等产品。</p></a>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="tab2">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div class="product-in current">
                                <div class="product-right">
                                    <a href="#"><img src="images/xinxi-5.jpg" alt="数字出版及软件服务"/></a>
                                </div>
                                <span class="product-left col-xs-6 text-left ">
                                   <a><p>数字出版及软件服务</p></a>
                                    <a><p>作为数字出版、知识服务和网络运营商，同方拥有最大的“中国知识资源总库”，并提供金融、电信、医疗、零售、物流等行业应用解决方案和软件咨询服务。</p></a>
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div class="product-in current">
                                <div class="product-right">
                                    <a href="#"><img src="images/xinxi-6.jpg" alt="智能卡芯片与RFID技术应用"/></a>
                                </div>
                                <span class="product-left col-xs-6 text-left ">
                                   <a><p>智能卡芯片与RFID技术应用</p></a>
                                    <a><p>以智能卡芯片、射频识别技术为基础，提供IC卡、城市通卡、电子门票等完整的行业解决方案，应用于医疗卫生、交通、票务、电信、物流等领域。</p></a>
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div class="product-in current">
                                <div class="product-right">
                                    <a href="#"><img src="images/xinxi-1.jpg" alt="智能建筑"/></a>
                                </div>
                                <span class="product-left col-xs-6text-left ">
                                   <a><p>智能建筑</p></a>
                                    <a><p>同方为各类建筑和园区提供个性化、智能化、全生命周期的管理解决方案，营造安全、节能、高效的生活环境。</p></a>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="tab3">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div class="product-in current">
                                <div class="product-right">
                                    <a href="#"><img src="images/xinxi-7.jpg" alt="计算机"/></a>
                                </div>
                                <span class="product-left col-xs-6text-left ">
                                   <a><p>计算机</p></a>
                                    <a><p>同方提供笔记本电脑、台式电脑、一体电脑、图形工作站、服务器、数码及计算机外设产品、云计算及终端产品，以及计算机远程服务和行业信息化解决方案。</p></a>
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div class="product-in current">
                                <div class="product-right">
                                    <a href="#"><img src="images/xinxi-8.jpg" alt="移动互联系统"/></a>
                                </div>
                                <span class="product-left col-xs-6 text-left ">
                                   <a><p>移动互联系统</p></a>
                                    <a><p>E人E本以“原笔迹数字书写”为核心技术，以“手写办公系统”为核心应用，以“智慧云”为增值服务，为个人及企业级用户提供移动办公解决方案。</p></a>
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div class="product-in current">
                                <div class="product-right">
                                    <a href="#"><img src="images/xinxi-9.jpg" alt="电视"/></a>
                                </div>
                                <span class="product-left col-xs-6text-left ">
                                   <a><p>电视</p></a>
                                    <a><p>依托领先的信息技术及背光模组生产工艺，同方推出跨界电视、智能云电视、互联网电视、多媒体电视、4K2K超高清电视、移动设备互动电视等产品。</p></a>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="tab4">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div class="product-in current">
                                <div class="product-right">
                                    <a href="#"><img src="images/xinxi-7.jpg" alt="计算机"/></a>
                                </div>
                                <span class="product-left col-xs-6text-left ">
                                   <a><p>计算机</p></a>
                                    <a><p>同方提供笔记本电脑、台式电脑、一体电脑、图形工作站、服务器、数码及计算机外设产品、云计算及终端产品，以及计算机远程服务和行业信息化解决方案。</p></a>
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div class="product-in current">
                                <div class="product-right">
                                    <a href="#"><img src="images/xinxi-8.jpg" alt="移动互联系统"/></a>
                                </div>
                                <span class="product-left col-xs-6 text-left ">
                                   <a><p>移动互联系统</p></a>
                                    <a><p>E人E本以“原笔迹数字书写”为核心技术，以“手写办公系统”为核心应用，以“智慧云”为增值服务，为个人及企业级用户提供移动办公解决方案。</p></a>
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div class="product-in current">
                                <div class="product-right">
                                    <a href="#"><img src="images/xinxi-9.jpg" alt="电视"/></a>
                                </div>
                                <span class="product-left col-xs-6text-left ">
                                   <a><p>电视</p></a>
                                    <a><p>依托领先的信息技术及背光模组生产工艺，同方推出跨界电视、智能云电视、互联网电视、多媒体电视、4K2K超高清电视、移动设备互动电视等产品。</p></a>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="tab5">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div class="product-in current">
                                <div class="product-right">
                                    <a href="#"><img src="images/xinxi-7.jpg" alt="计算机"/></a>
                                </div>
                                <span class="product-left col-xs-6text-left ">
                                   <a><p>计算机</p></a>
                                    <a><p>同方提供笔记本电脑、台式电脑、一体电脑、图形工作站、服务器、数码及计算机外设产品、云计算及终端产品，以及计算机远程服务和行业信息化解决方案。</p></a>
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div class="product-in current">
                                <div class="product-right">
                                    <a href="#"><img src="images/xinxi-8.jpg" alt="移动互联系统"/></a>
                                </div>
                                <span class="product-left col-xs-6 text-left ">
                                   <a><p>移动互联系统</p></a>
                                    <a><p>E人E本以“原笔迹数字书写”为核心技术，以“手写办公系统”为核心应用，以“智慧云”为增值服务，为个人及企业级用户提供移动办公解决方案。</p></a>
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div class="product-in current">
                                <div class="product-right">
                                    <a href="#"><img src="images/xinxi-9.jpg" alt="电视"/></a>
                                </div>
                                <span class="product-left col-xs-6text-left ">
                                   <a><p>电视</p></a>
                                    <a><p>依托领先的信息技术及背光模组生产工艺，同方推出跨界电视、智能云电视、互联网电视、多媒体电视、4K2K超高清电视、移动设备互动电视等产品。</p></a>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--新闻模块-->
<div class="tf-news">
    <div class="container">
        <div class="row">
            <div class="col-md-2 col-xs-12 col-md-offset-2">
                <h4>同方新闻</h4>
            </div>
            <div class="col-md-1 col-xs-12">
                <!-- 竖线-->
                <div class="line hidden-xs hidden-sm"></div>
                <!-- 新闻tab导航 -->
                <ul class="nav news-tabs" role="tablist">
                    <li role="presentation" class="active"><a href="#home" role="tab" data-toggle="tab"><span class="icon-E902"></span></a></li>
                    <li role="presentation"><a href="#profile" role="tab" data-toggle="tab"><span class="icon-new02"></span></a></li>
                    <li role="presentation"><a href="#messages" role="tab" data-toggle="tab"><span class="icon-new03"></span></a></li>
                    <li role="presentation"><a href="#settings" role="tab" data-toggle="tab"><span class="icon-new04"></span></a></li>
                </ul>

            </div>
            <div class="col-md-7 col-xs-12">
                <!-- 新闻tab内容 -->
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="home">
                        <ul>
                            <li><a href="#">2016-12-29 同方威视为第十四次上合组织成员国总检察长会议和2016金砖国家总检察长会议成功护航</a></li>
                            <li><a href="#">2016-12-29 中船重工领导到访同方</a></li>
                            <li><a href="#">2016-12-29 《中国英文学术期刊国际国内引证报告》首次发布</a></li>
                            <li><a href="#">2016-12-29 同方以智慧城市建设推动海南万宁转型崛起</a></li>
                            <li><a href="#">2016-12-29 “同方云”平台应用于北京市“煤改电”实景示范项目</a></li>
                            <li><a href="#">2016-12-27高可靠自维护存储系统TStor通过部级鉴定</a></li>
                            <li><a href="#">2016-12-26同方康泰与韩国领先企业共同打造国际生物制药产业</a></li>
                            <li><a href="#">2016-12-22 同方知网用“互联网+”培养大国工匠</a></li>
                            <li><a href="#">2016-12-21 同方助力启迪科技城项目建设</a></li>
                        </ul>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="profile">2</div>
                    <div role="tabpanel" class="tab-pane" id="messages">3</div>
                    <div role="tabpanel" class="tab-pane" id="settings">4</div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--底部-->
<div class="tf-footer">
    <div class="container">
    <h3>联系我们</h3>
    <img src="images/code1.png" alt="二维码"/>
    <a href="#"><p>招聘信息</p></a>
    <p>©2013同方股份有限公司版权所有 未经授权禁止复制 单位编号：1101081932 京ICP备09081660号</p>
    <p>京公网安备11010802012616</p>
</div>
</div>



<!-- jQuery 文件引入（务必在bootstrap.js 文件引入之前） -->
<script src="lib/jquery/jquery.min.js"></script>
<!-- 引入bootstrap核心js文件 -->
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
<!--引入自己的JS文件-->
<script src="js/index.js"></script>
</body>
</html>